<template>
  <div class="backgroundResources">
    <!--头部导航 B-->
    <div class="head">
      <div>
        <div class="head_l">
          <div class="ico">
            <img src="/static/img/inf.png" alt="" />
          </div>
          <div class="txt">
            <span>视频监控</span>
          </div>
        </div>
        <div class="head_r">
          <div>
            <img src="/static/img/tx.png" alt="" />
          </div>
          <div>
            <span style="font-size: 0.16rem">管理员</span>
          </div>
        </div>
      </div>
    </div>
    <!--头部导航 E-->
    <!--    主体部分 B-->
    <div class="container">
      <!--      左侧子路由导航 B-->
      <div class="l_nav">
        <div v-for="rl in routerList" :key="rl.id" :title="rl.title">
          <div class="sigle">
            <router-link :to="{ name: rl.path }">
              <span :class="rl.ico"></span>
              <span>{{ rl.title }}</span>
            </router-link>
          </div>
          <!--         闭合开关 E-->
        </div>
      </div>
      <!--      路由容器 B-->
      <div :class="big">
        <router-view />
      </div>
      <!--      路由容器 E-->
    </div>
    <!--    主体部分 E-->
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPath: '',
      activeStyle: {
        backgroundColor: '#00CC46',
        color: '#fff'
      },
      bd: false,
      dc: false,
      tj: false,
      zb: true,
      big: {
        route_b: true,
        route_z: false,
        show_in: false,
        show_out: false
      },
      small: {
        sidebar: true,
        sidebar_s: false,
        sidebar_in: false,
        sidebar_out: false,
      },
      routerList: [
        {
          name: "实时监控",
          path: 'realTime',
          ico: 'icon iconfont icon-jiankong',
          title: '实时监控'
        }
      ],
    }
  },
  created() {


  },
  watch: {},
  mounted() {
  },
  methods: {

  }
}
</script>
<style scoped>
@import "../../../static/css/common/video.css";
</style>
